SherbyNet - /page/wikibook/entry.mu

Micron Document

<!DOCTYPE html>

</head>

</header>

</div>

/* start https://fr.wikipedia.org/ */

.mw-parser-output .entete.informatique{background-image:url("./_mw_/Picto.nfo.png")}

/* end https://fr.wikipedia.org/ */

</style>

</td></tr>

<tr>

<tr>

<tr>

<th scope="row">Date de première version

</th>

<td>28 octobre 2014

</td>

</tr>

<tr>

<th scope="row"><a href="Paradigme_(programmation)" title="Paradigme (programmation)">Paradigme</a>

</th>

<td><a href="Langage_de_balisage" title="Langage de balisage">Langage de balisage</a>

</td>

</tr>

<tr>

<th scope="row">Auteur

</th>

<td><a href="Web_Hypertext_Application_Technology_Working_Group" title="Web Hypertext Application Technology Working Group">WHATWG</a>

</td>

</tr>

<tr>

<th scope="row">Développeur

</th>

<td>WHATWG et <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a>

</td>

</tr>

<tr>

<th scope="row"><a href="Version_d'un_logiciel" title="Version d'un logiciel">Dernière version</a>

</th>

<td>5.2 (21 décembre 2017)

</td>

</tr>

<tr>

<th scope="row"><a href="Version_d'un_logiciel" title="Version d'un logiciel">Version en développement</a>

</th>

<td>5.3

</td>

</tr>

<tr>

<th scope="row">Typage

</th>

<td><a href="Typage_statique" title="Typage statique">statique</a>

</td>

</tr>

<tr>

<th scope="row">Influencé par

</th>

<td>SGML

</td>

</tr>

<tr>

<th scope="row">A influencé

</th>

<td>Wikicode, <a href="BBCode" title="BBCode">BBCode</a>

</td>

</tr>

<tr>

<th scope="row"><a href="Langage_de_programmation" title="Langage de programmation">Écrit en</a>

</th>

</td>

</tr>

<tr>

</th>

<td><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org">WHATWG</a> et <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="https://www.w3.org/html/">W3C</a>

</td>

</tr>

<tr>

<th scope="row"><a href="Extension_de_nom_de_fichier" title="Extension de nom de fichier">Extensions de fichiers</a>

</th>

<td><a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>: .html, .htm <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a>: .xhtml, .xht, .xml

</td>

</tr>

<tr>

</tr>

</tbody></table>

HTML5 (HyperText Markup Language 5) est la dernière révision majeure du <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> (<a href="Format_de_donn%C3%A9es" title="Format de données">format de données</a> conçu pour représenter les <a href="Pages_web" class="mw-redirect" title="Pages web">pages web</a>). Cette version a été finalisée le <time class="nowrap" datetime="2014-10-28" data-sort-value="2014-10-28">28 octobre 2014</time>. HTML5 spécifie deux <a href="Syntaxe" title="Syntaxe">syntaxes</a> d'un modèle abstrait défini en termes de <a href="Document_Object_Model" title="Document Object Model">DOM</a> : HTML5 et <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML5</a>.

Le langage comprend également :

<ul><li>une <a href="Couche_application" title="Couche application">couche application</a> avec de nombreuses <a href="Interface_de_programmation" title="Interface de programmation">API</a> ;</li>

<li>un <a href="Algorithme" title="Algorithme">algorithme</a> afin de pouvoir traiter les documents à la <a href="Syntaxe" title="Syntaxe">syntaxe</a> non conforme.</li></ul>

Le travail a été repris par le <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> en mars 2007 après avoir été lancé par le <a href="Web_Hypertext_Application_Technology_Working_Group" title="Web Hypertext Application Technology Working Group">WHATWG</a>. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la <a href="Technologie" title="Technologie">technologie</a>. Le W3C clôt les ajouts de fonctionnalités le <time class="nowrap" datetime="2011-05-22" data-sort-value="2011-05-22">22 mai 2011</time>, annonçant une finalisation de la spécification en 2014<a href="#cite_note-1">[1]</a>, et encourage les développeurs Web à utiliser HTML5 dès ce moment. Fin 2016, la version 5.1 est officiellement publiée et présente plusieurs nouveautés qui doivent faciliter le travail des <a href="D%C3%A9veloppeur" title="Développeur">développeurs</a> d'<a href="Application_web" title="Application web">applications Web</a><a href="#cite_note-2">[2]</a>.

<div class="mw-heading mw-heading2"><h2 id="Contexte_historique">Contexte historique</h2></div>

Le 18 janvier 2011, le W3C a introduit un logo pour représenter l'utilisation ou l'intérêt pour HTML5. Contrairement à d'autres badges précédemment émis par le W3C, cela n'implique pas la validité ou la conformité à une certaine norme. Depuis le <abbr class="abbr" title="Premier">1er</abbr> avril 2011, ce logo est officiel<a href="#cite_note-W3_logo_faq-3">[3]</a>.

Lors de sa présentation initiale au public, le W3C a annoncé le logo HTML5 comme une « identité visuelle à usage général pour un large éventail de technologies Web ouvertes, notamment HTML5, CSS, SVG, WOFF et autres »<a href="#cite_note-Web_Standards_logo_faq-4">[4]</a>. Certains défenseurs des normes Web, dont The <a href="Web_Standards_Project" title="Web Standards Project">Web Standards Project</a>, ont critiqué cette définition de HTML5 en tant que terme générique, soulignant le flou de la terminologie et le potentiel de mauvaise communication<a href="#cite_note-Web_Standards_logo_faq-4">[4]</a>. Trois jours plus tard, le W3C a répondu aux commentaires de la communauté et a modifié la définition du logo, supprimant l'énumération des technologies associées<a href="#cite_note-5">[5]</a>. Le W3C a ensuite déclaré que le logo « représente HTML5, la pierre angulaire des applications Web modernes »<a href="#cite_note-W3_logo_faq-3">[3]</a>.

<div class="mw-heading mw-heading2"><h2 id="Changements_par_rapport_à_HTML_4.X_et_XHTML_1.X">Changements par rapport à HTML 4.X et XHTML 1.X</h2></div>

<div class="mw-heading mw-heading3"><h3 id="Doctype">Doctype</h3></div>

Tout comme les documents <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> et <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a>, les documents HTML5 nécessitent une déclaration <a href="Doctype" title="Doctype">Doctype</a><a href="#cite_note-6">[6]</a> indiquant la méthode standard de <a href="Moteur_de_rendu_HTML" class="mw-redirect" title="Moteur de rendu HTML">rendu</a> par le navigateur. Dans le cas de HTML5, la déclaration du Doctype n'est pas sensible à la casse et il n'y a plus de référence à une <a href="Document_type_definition" title="Document type definition">DTD</a> (Document Type Definition, ou Définition de Type de Document, document permettant de décrire un modèle de document SGML ou XML).

Il faut simplement écrire <code><!DOCTYPE html></code> au début du document.

Toutefois, pour les documents <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a> cette déclaration est facultative, le navigateur l'interprétant en mode standard par défaut. Un document utilisant la structure XML (XHTML5) doit être servi avec l'en-tête HTTP <code>Content-Type: application/xhtml+xml</code>.

<div class="mw-heading mw-heading4"><h4 id="Exemple_d'utilisation_avec_HTML5">Exemple d'utilisation avec HTML5</h4></div>

<head>

<title>titre de la page</title>

</head>

<body>

<nav>

<ul>

</ul>

</nav>

</header>

<main>

<h1>titre de mon article</h1>

<p>texte de mon article</p>

<h2>sous-titre mon article</h2>

<p>texte de mon sous-titre</p>

</figure>

</section>

</article>

<h1>titre de mon article</h1>

<p>texte de mon article</p>

<h2>sous-titre mon article</h2>

<p>texte de mon sous-titre</p>

</section>

</article>

</main>

</body>

</html>

</pre></div>

<div class="mw-heading mw-heading3"><h3 id="Encodage">Encodage</h3></div>

Le processus de détection de l'<a href="Encodage_s%C3%A9mantique" title="Encodage sémantique">encodage</a> a également été modifié et s'effectue dans l'ordre, la vérification de la présence d'un <a href="Header" title="Header">header</a> <a href="Hypertext_Transfer_Protocol" title="Hypertext Transfer Protocol">HTTP</a> « Content-Type », et ensuite à la détection du <a href="Indicateur_d'ordre_des_octets" title="Indicateur d'ordre des octets">BOM</a> en début de fichier.

<div class="mw-heading mw-heading2"><h2 id="Éléments_du_langage">Éléments du langage</h2></div>

<div class="mw-heading mw-heading3"><h3 id="XHTML5">XHTML5</h3></div>

Pour les documents XHTML5, l'auteur doit spécifier l'encodage dans le <a href="https://fr.wiktionary.org/wiki/prologue" class="extiw external" title="wikt:prologue">prologue</a> XML, mais aussi le type de contenu : « <code>application/xhtml+xml</code> ». La globalité de la page doit être conforme à la <a href="Syntaxe" title="Syntaxe">syntaxe</a> <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>. De par le caractère extensible du langage XML, il est possible d'ajouter d'autres balises (exemple : <code><mabalise></mabalise></code>) ; une telle extension nécessite de déclarer les <a href="Espace_de_noms_XML" title="Espace de noms XML">espaces de noms</a> correspondants, sans quoi la page sera en erreur et le navigateur pourrait ne pas être capable de l'afficher. C’est le mode le plus strict qui impose d'avoir une syntaxe quasi parfaite.

<!DOCTYPE html>

<head>

<title>Exemple</title>

</head>

<body>

</body>

</html>

</pre></div>

<div class="mw-heading mw-heading3"><h3 id="Nouveaux_éléments">Nouveaux éléments</h3></div>

<ul><li><code>main</code> : définit le contenu principal de la page, il doit être unique dans la page.</li>

<li><code>section</code> : définit les sections du document, telles que les chapitres, en-têtes, pieds de page.</li>

<li><code>article</code> : partie indépendante du site, comme un commentaire.</li>

<li><code>aside</code> : associé à la balise qui le précède.</li>

<li><code>header</code> : spécifie une introduction, ou un groupe d'éléments de navigation pour le document.</li>

<li><code>footer</code> : définit le pied de page d'un article ou un document. Contient généralement le nom de l'auteur, la date à laquelle le document a été écrit et / ou ses coordonnées.</li>

<li><code>nav</code> : définit une section dans la navigation.</li>

<li><code>figure</code> : définit des images, des diagrammes, des photos, du code, <abbr class="abbr" title="et cetera">etc.</abbr></li>

<li><code>figcaption</code> : légende pour la balise <figure>.</li>

<li><code>audio</code> : pour définir un son, comme la musique ou les autres flux audio (streaming).</li>

<li><code>video</code> : permet d’insérer un contenu vidéo en streaming.</li>

<li><code>track</code> : permet d’insérer un sous-titre (au format <a href="WebVTT" title="WebVTT">WebVTT</a>) à une vidéo affichée avec la balise vidéo.</li>

<li><code>embed</code> : définit un contenu incorporé, comme un plug in.</li>

<li><code>mark</code> : définit un texte marqué.</li>

<li><code>meter</code> : permet d’utiliser les mesures avec un minimum et maximum connus, pour afficher une jauge.</li>

<li><code>progress</code> : définit une <a href="Barre_de_progression" title="Barre de progression">barre de progression</a> sur le travail en cours d’exécution.</li>

<li><code>time</code> : définit une date ou une heure, ou les deux. Cette balise a été abandonnée en <time class="nowrap" datetime="2011-10" data-sort-value="2011-10">octobre 2011</time> en faveur de la balise <code>data</code><a href="#cite_note-7">[7]</a> avant d'être réintroduite<a href="#cite_note-8">[8]</a>.</li>

<li><code>canvas</code> : utilisé pour afficher des éléments graphiques, il faut utiliser un script pour l’animer.</li>

<li><code>command</code> : définit un bouton. Cette balise est uniquement supportée par Internet Explorer 9. Il n'est donc pas recommandé de l'utiliser<a href="#cite_note-9">[9]</a>,<a href="#cite_note-10">[10]</a>[source insuffisante].</li>

<li><code>details</code> : précise les détails supplémentaires qui peuvent être masqués ou affichés sur demande.</li>

<li><code>keygen</code> : permet de générer une clé (sécurisé).</li>

<li><code>output</code> : représente le résultat d’un calcul.</li>

<li><code>ruby</code>, <code>rt</code> et <code>rp</code> : <a href="Ruby_(linguistique)" title="Ruby (linguistique)">annotations ruby</a>.</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Nouveaux_attributs">Nouveaux attributs</h3></div>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><a></code> :

<ul><li><code>media</code> : permet de spécifier pour quel média ou appareil il est optimisé.</li>

<li><code>type</code> : définit le MIME de la cible URL.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><area></code> :

<ul><li><code><a href="Hreflang" title="Hreflang">hreflang</a></code> : spécifie la langue de la ressource pointée.</li>

<li><code>media</code> : permet de spécifier pour quel média ou appareil il est optimisé.</li>

<li><code>rel</code> : indique la relation entre le document courant et l'URL cible.</li>

<li><code>type</code> : définit le <a href="Multipurpose_Internet_Mail_Extensions" title="Multipurpose Internet Mail Extensions">MIME</a> de la cible URL.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><button></code> :

<ul><li><code>autofocus</code> : indique que le bouton doit avoir le <a href="Focus_(informatique)" title="Focus (informatique)">focus</a> pendant le chargement de la page.</li>

<li><code>form</code> : spécifie à quel formulaire le bouton appartient.</li>

<li><code>formaction</code> : spécifie où envoyer le form-data quand un formulaire est soumis. Remplace l'attribut action du formulaire.</li>

<li><code>formenctype</code> : indique comment le form-data doit être encodé avant d’être envoyé à un serveur. Remplace l'attribut enctype du formulaire.</li>

<li><code>formmethod</code> : définit comment il faut envoyer le form-data.</li>

<li><code>formnovalidate</code> : si présent, indique que le formulaire ne doit pas être validé quand il est envoyé.</li>

<li><code>formtarget</code> : spécifie où ouvrir/exécuter l’action.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><fieldset></code> :

<ul><li><code>name</code> : définit le nom du fieldset.</li>

<li><code>disabled</code> : désactive le fieldset.</li>

<li><code>form</code> : définit le formulaire du fieldset.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><form></code> :

<ul><li><code>autocomplete</code> : autocomplétion.</li>

<li><code>novalidate</code> : si présent le formulaire n’est pas validé lorsqu’il est soumis.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><html></code> :

<ul><li><code>manifest</code> : URL de déclaration (manifest) des fichiers pour un usage hors ligne.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><iframe></code> :

<ul><li><code>sandbox</code> : spécifie des restrictions sur le contenu de l'iframe</li>

<li><code>seamless</code> : indique que l'iframe doit être parfaitement intégrée dans le document.</li>

<li><code>srcdoc</code> : le code HTML du document affiché dans l'iframe.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><input></code> :

<ul><li><code>autocomplete</code> : autocomplétion.</li>

<li><code>autofocus</code> : définit le focus lors du chargement de la page.</li>

<li><code>form</code> : spécifie à quel formulaire le champ appartient.</li>

<li><code>formaction</code> : remplace l'attribut "action" du formulaire. Indique l'URL à laquelle envoyer les données du formulaire.</li>

<li><code>formenctype</code> : remplace l'attribut "enctype" du formulaire. Indique comment la forme-données doit être encodé avant d’être envoyé au serveur.</li>

<li><code>formmethod</code> : remplace l’attribut "method" du formulaire. Définit la méthode <a href="HTTP" class="mw-redirect" title="HTTP">HTTP</a> d'envoi des données à l'URL.</li>

<li><code>formnovalidate</code> : remplace l'attribut "novalidate" du formulaire. S'il est présent le champ de saisie ne devrait pas être validé lors de son envoi.</li>

<li><code>formtarget</code> : remplace l'attribut "target" du formulaire. Indique la fenêtre cible utilisée lorsque le formulaire est soumis.</li>

<li><code>height</code> : définit la hauteur.</li>

<li><code>list</code> : désigne un "datalist" contenant des options prédéfinies pour le champ de saisie.</li>

<li><code>max</code> : indique la valeur maximale du champ d'entrée.</li>

<li><code>min</code> : indique la valeur minimale du champ d'entrée.</li>

<li><code>multiple</code> : si présent, l’utilisateur peut entrer plusieurs valeurs.</li>

<li><code>pattern</code> : définit un motif.</li>

<li><code>placeholder</code> : un conseil pour aider les utilisateurs à remplir le champ de saisie.</li>

<li><code>required</code> : indique que la valeur du champ de saisie est nécessaire pour soumettre le formulaire.</li>

<li><code>step</code> : indique l’intervalle entre les valeurs.</li>

<li>nouveaux types :

<ul><li><code>datetime</code></li>

<li><code>datetime-local</code></li>

<li><code>month</code></li>

<li><code>number</code></li>

<li><code>range</code></li>

<li><code>email</code></li>

<li><code>search</code></li>

<li><code>color</code></li></ul></li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><link></code> :

<ul><li><code>sizes</code> : définit la taille, hauteur et largeur.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><menu></code> :

<ul><li><code>label</code> : label visible du menu.</li>

<li><code>type</code> : définit le type de menu à afficher. La valeur par défaut est « list ».</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><meta></code> :

<ul><li><code>charset</code> : définit la table de caractères pour l'encodage de la page.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><ol></ol></code> :

<ul><li><code>reversed</code> : si présent, change l’ordre d’affichage.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><script></code> :

<ul><li><code>async</code> : définit si le script doit être exécuté de manière asynchrone ou pas.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><select></code> :

<ul><li><code>autofocus</code> : active le focus sur cet élément.</li>

<li><code>form</code> : définit un ou plusieurs formulaires pour le "select".</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><style></code> :

<ul><li><code>scoped</code> : si présent, le style est appliqué uniquement sur le parent et les fils.</li></ul>

Pour la balise <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><textarea></code> :

<ul><li><code>autofocus</code> : focus l’élément textarea.</li>

<li><code>dirname</code> : indique le nom du textarea.</li>

<li><code>form</code> : définit une ou plusieurs formulaires pour le textarea.</li>

<li><code>maxlength</code> : nombre maximum de caractères.</li>

<li><code>placeholder</code> : définit une astuce pour aider l’utilisateur.</li>

<li><code>required</code> : indique que la valeur du champ de saisie est nécessaire.</li>

<li><code>wrap</code> : définit comment le texte est affiché dans le textarea.</li></ul>

Ainsi que les attributs globaux qui s'appliquent à toutes les balises :

<ul><li><code>contenteditable</code></li>

<li><code>contextmenu</code></li>

<li><code>draggable</code></li>

<li><code>hidden</code></li>

<li><code>on*</code> (gestionnaires d'évènements)</li>

<li><code>spellcheck</code></li></ul>

<div class="mw-heading mw-heading3"><h3 id="Connexion_et_distribution_P2P">Connexion et distribution P2P</h3></div>

<ul><li>HTML5<a href="#cite_note-11">[11]</a>,<a href="#cite_note-12">[12]</a>,<a href="#cite_note-13">[13]</a>,<a href="#cite_note-14">[14]</a>,<a href="#cite_note-15">[15]</a> se voit doté de la capacité de réaliser des connexions entre utilisateurs PeerToPeerConnection(), et également grâce aux <a href="WebSocket" title="WebSocket">WebSockets</a>.</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Changements_dans_les_éléments_et_attributs">Changements dans les éléments et attributs</h3></div>

Les éléments <code>basefont</code>, <code>big</code>, <code>center</code>, <code>font</code>, <code>strike</code>,

<code>tt</code> et <code>u</code> sont supprimés car leur fonction était purement visuelle, ce qui est le rôle de <a href="Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">CSS</a>. Les éléments <code>frame</code>, <code>frameset</code> et <code>noframes</code> ont été supprimés car ils étaient déjà désuets et créaient des problèmes d'accessibilité et d'utilisation pour l'utilisateur final.

Les éléments suivants sont aussi supprimés :

<ul><li><code>acronym</code> qui créait beaucoup de confusion ;</li>

<li><code>applet</code> remplacé par <code>object</code> ;</li>

<li><code>isindex</code> remplacé par l'utilisation des contrôleurs de formes ;</li>

<li><code>dir</code> obsolète et remplacé par <code>ul</code>.</li></ul>

Enfin, <code>noscript</code> n'est fourni que dans la version HTML, il n'est pas inclus dans la version XML.

<div class="mw-heading mw-heading3"><h3 id="Obsolescence_d'attributs">Obsolescence d'attributs</h3></div>

Certains attributs, notamment ceux de présentation, ont été supprimés, car ils sont mieux pris en charge par CSS<a href="#cite_note-16">[16]</a>.

<dl><dt>Sur la balise a</dt></dl>

<ul><li>charset</li>

<li>coords</li>

<li>name (préférer l'attribut id)</li>

<li>methods</li>

<li>shape</li>

<dl><dt>Sur la balise area</dt></dl>

<ul><li>nohref</li></ul>

<dl><dt>Sur la balise embed</dt></dl>

<ul><li>name (préférer l'attribut id)</li></ul>

<dl><dt>Sur la balise form</dt></dl>

<ul><li>accept</li></ul>

<dl><dt>Sur la balise head</dt></dl>

<ul><li>profile</li>

<li>nohref</li></ul>

<dl><dt>Sur la balise html</dt></dl>

<ul><li>version</li></ul>

<dl><dt>Sur la balise iframe</dt></dl>

<ul><li>longdesc</li></ul>

<dl><dt>Sur la balise input</dt></dl>

<ul><li>ismap</li>

<li>usemap</li></ul>

<dl><dt>Sur la balise img</dt></dl>

<ul><li>longdesc</li>

<li>lowsrc</li>

<li>name (préférer l'attribut id)</li></ul>

<dl><dt>Sur la balise link</dt></dl>

<ul><li>charset</li>

<li>methods</li>

<li>target</li>

<dl><dt>Sur la balise meta</dt></dl>

<ul><li>scheme</li></ul>

<dl><dt>Sur la balise object</dt></dl>

<ul><li>archive</li>

<li>classid</li>

<li>codebase</li>

<li>codetype</li>

<li>declare</li>

<li>standby</li></ul>

<dl><dt>Sur la balise option</dt></dl>

<ul><li>name (préférer l'attribut id)</li></ul>

<dl><dt>Sur la balise param</dt></dl>

<li>valuetype</li></ul>

<dl><dt>Sur la balise script</dt></dl>

<ul><li>event</li>

<li>language</li></ul>

<dl><dt>Sur la balise table</dt></dl>

<ul><li>datapagesize</li>

<li>summary</li></ul>

<dl><dt>Sur la balise td</dt></dl>

<li>scope</li></ul>

<dl><dt>Sur la balise th</dt></dl>

HTML5 introduit plusieurs nouvelles <a href="Interface_de_programmation" title="Interface de programmation">API</a> qui peuvent aider à créer des <a href="Application_web" title="Application web">applications web</a> et qui peuvent être utilisées ensemble, proposant de nouveaux éléments introduits pour les applications, et notamment :

<ul><li>dessin 2D utilisée avec la nouvelle balise <a href="Canvas_(HTML)" title="Canvas (HTML)">canvas</a>,</li>

<li>jouer des vidéos et des sons/musiques utilisée avec les nouvelles balises vidéo et audio,</li>

<li>applications <a href="En_ligne_et_hors_ligne" title="En ligne et hors ligne">hors-lignes</a>,</li>

<li>édition en combinaison avec le nouvel attribut dit contenteditable,</li>

<li><a href="Glisser-d%C3%A9poser" title="Glisser-déposer">glisser-déposer</a> en combinaison avec l'attribut dit draggable,</li>

<li>accès à l'historique de navigation et aux pages d'ajouter cette fonction d'historique de navigation, afin de prévenir les problèmes du bouton <a href="Retour_arri%C3%A8re" title="Retour arrière">retour-en-arrière</a>.</li></ul>

De plus, des API tierces viennent s'intégrer à ce standard, telles que <a href="WebGL" title="WebGL">WebGL</a> du <a href="Khronos_Group" title="Khronos Group">Khronos Group</a> permettant d'ajouter aux pages du contenu 3D.

<div class="mw-heading mw-heading2"><h2 id="Controverses">Controverses</h2></div>

Vers la fin de l'année 2012, une campagne menée par plusieurs associations de défense des libertés numériques, dont la <a href="Free_Software_Foundation" title="Free Software Foundation">Free Software Foundation</a><a href="#cite_note-17">[17]</a>, a tenté d'attirer l'attention sur l'inclusion de <a href="Gestion_des_droits_num%C3%A9riques" title="Gestion des droits numériques">verrous numériques</a> (DRM) dans la norme HTML5<a href="#cite_note-18">[18]</a>.

Le 18 septembre 2017<a href="#cite_note-19">[19]</a>, le W3C a normalisé les extensions pour médias chiffrés (<a href="Encrypted_Media_Extensions" title="Encrypted Media Extensions">Encrypted Media Extensions</a>) en justifiant qu'elles « améliorent l'interopérabilité, la protection de la vie privée, la sécurité, l'accessibilité et l'expérience utilisateur lors du visionnage de films et télévision sur le Web ».

<div class="mw-heading mw-heading2"><h2 id="Notes_et_références">Notes et références</h2></div>

<li id="cite_note-1"><a href="#cite_ref-1">↑</a> <abbr class="abbr indicateur-langue" title="Langue : français">(fr)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/2011/02/htmlwg-pr.html.fr">Le W3C confirme qu'HTML5 sera disponible en mai 2011 pour appel à commentaires</a>, www.w3.org, le 14 février 2011.

</li>

<li id="cite_note-2"><a href="#cite_ref-2">↑</a> « <a rel="nofollow" class="external text" href="https://www.1and1.fr/digitalguide/sites-internet/developpement-web/nouveau-html-les-principales-fonctionnalites-dhtml-51/"><cite style="font-style:normal;">Quelles nouveautés propose HTML 5.1 ?</cite></a> », <time class="nowrap" datetime="2017-08-14" data-sort-value="2017-08-14">14 août 2017</time>

</li>

<li id="cite_note-W3_logo_faq-3">« <a rel="nofollow" class="external text" href="https://www.w3.org/html/logo/faq.html"><cite style="font-style:normal;">W3C HTML5 Logo FAQ</cite></a> », sur www.w3.org (consulté le <time class="nowrap" datetime="2022-04-27" data-sort-value="2022-04-27">27 avril 2022</time>)

</li>

<li id="cite_note-Web_Standards_logo_faq-4">« <a rel="nofollow" class="external text" href="https://web.archive.org/web/20110810064604/http://www.webstandards.org/2011/01/18/regarding-the-html5-logo/"><cite style="font-style:normal;">HTML5 logo: be proud, but don’t muddy the waters! - The Web Standards Project</cite></a> », sur web.archive.org, <time class="nowrap" datetime="2011-08-10" data-sort-value="2011-08-10">10 août 2011</time> (consulté le <time class="nowrap" datetime="2022-04-27" data-sort-value="2022-04-27">27 avril 2022</time>)

</li>

<li id="cite_note-5"><a href="#cite_ref-5">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais américain">(en-US)</abbr> « <a rel="nofollow" class="external text" href="https://www.w3.org/blog/2011/01/the-html5-logo-conversation/"><cite style="font-style:normal;" lang="en-us">The HTML5 Logo Conversation | W3C Blog</cite></a> » (consulté le <time class="nowrap" datetime="2022-04-27" data-sort-value="2022-04-27">27 avril 2022</time>)

</li>

<li id="cite_note-6"><a href="#cite_ref-6">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2012/WD-html5-20121025/syntax.html#the-doctype">W3C Working Draft</a>.

</li>

<li id="cite_note-7"><a href="#cite_ref-7">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13240#c47">Bug 13240 - Consider replacing <time> with <data></data></time></a>, w3.org.

</li>

<li id="cite_note-8"><a href="#cite_ref-8">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.webmonkey.com/2011/11/w3c-adds-time-element-back-to-html5/">W3C Adds Time Element Back to HTML5</a>, webmonkey.com, publié en novembre 2011..

</li>

<li id="cite_note-9"><a href="#cite_ref-9">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> « <a rel="nofollow" class="external text" href="http://www.w3schools.com/tags/att_command_type.asp"><cite style="font-style:normal;" lang="en">Removed from html5</cite></a> », sur w3schools.com (consulté le <time class="nowrap" datetime="2023-06-07" data-sort-value="2023-06-07">7 juin 2023</time>).

</li>

<li id="cite_note-10"><a href="#cite_ref-10">↑</a> « <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/command"><cite style="font-style:normal;"><command> : The HTML Command element</cite></a> », sur MDN Web Docs (consulté le <time class="nowrap" datetime="2020-07-11" data-sort-value="2020-07-11">11 juillet 2020</time>).

</li>

<li id="cite_note-11"><a href="#cite_ref-11">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr>W3C information :

<ul><li>Regarding peer to peer connections: <a rel="nofollow" class="external free" href="http://www.w3.org/TR/2008/WD-html5-20080122/#peer-to-peer">http://www.w3.org/TR/2008/WD-html5-20080122/#peer-to-peer</a></li>

<li>Regarding broadcast connections to the local network: <a rel="nofollow" class="external free" href="http://www.w3.org/TR/2008/WD-html5-20080122/#broadcast">http://www.w3.org/TR/2008/WD-html5-20080122/#broadcast</a></li>

<li>Regarding TCP connections (in the encoded protocol): <a rel="nofollow" class="external free" href="http://www.w3.org/TR/2008/WD-html5-20080122/#tcp-connections">http://www.w3.org/TR/2008/WD-html5-20080122/#tcp-connections</a></li>

<li>Complete proposed spec: <a rel="nofollow" class="external free" href="http://www.w3.org/TR/2008/WD-html5-20080122/#network">http://www.w3.org/TR/2008/WD-html5-20080122/#network</a></li>

</li>

<li id="cite_note-12"><a href="#cite_ref-12">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr>HTML 5 plans to allow peer to peer connections from javascript, but these connections will not be raw TCP. The complete spec can be found at <a rel="nofollow" class="external free" href="http://dev.w3.org/html5/websockets/">http://dev.w3.org/html5/websockets/</a>.

</li>

<li id="cite_note-13"><a href="#cite_ref-13">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.igvita.com/2009/08/18/smart-clients-reversehttp-websockets/">Smart Clients: ReverseHTTP & WebSockets</a>.

</li>

<li id="cite_note-14"><a href="#cite_ref-14">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://stackoverflow.com/questions/1032006/will-html5-allow-web-apps-to-make-peer-to-peer-http-connections">Will HTML5 allow web apps to make peer-to-peer HTTP connections?</a>

</li>

<li id="cite_note-15"><a href="#cite_ref-15">↑</a> <a rel="nofollow" class="external text" href="http://www.zdnet.fr/actualites/internet/0,39020774,39377738,00.htm">P2P, audio et vidéo au menu du HTML5</a>.

</li>

<li id="cite_note-16"><a href="#cite_ref-16">↑</a> « <a rel="nofollow" class="external text" href="https://tutoriels.edu.lat/pub/html5/html5-deprecated-tags/html5-balises-et-attributs-obsoletes"><cite style="font-style:normal;">HTML5 - Balises et attributs obsoletes</cite></a> »

</li>

<li id="cite_note-17"><a href="#cite_ref-17">↑</a> Dites au W3C : nous ne voulons pas d'un Hollyweb <a rel="nofollow" class="external free" href="https://www.defectivebydesign.org/no-drm-in-html5/fr">http://www.defectivebydesign.org/no-drm-in-html5/fr</a>

</li>

<li id="cite_note-18"><a href="#cite_ref-18">↑</a> Levée de boucliers contre l'arrivée des DRM au sein du HTML5 <a rel="nofollow" class="external free" href="https://www.numerama.com/magazine/25802-levee-de-boucliers-contre-l-arrivee-des-drm-au-sein-du-html5.html">http://www.numerama.com/magazine/25802-levee-de-boucliers-contre-l-arrivee-des-drm-au-sein-du-html5.html</a>

</li>

<li id="cite_note-19"><a href="#cite_ref-19">↑</a> <a rel="nofollow" class="external free" href="https://www.w3.org/fr/press-releases/2017/eme-recommendation/">https://www.w3.org/fr/press-releases/2017/eme-recommendation/</a>

</li>

</ol></div>

</div>

<div class="mw-heading mw-heading2"><h2 id="Voir_aussi">Voir aussi</h2></div>

/* start https://fr.wikipedia.org/ */

.mw-parser-output .autres-projets>.titre{text-align:center;margin:0.2em 0}.mw-parser-output .autres-projets>ul{margin:0;padding:0}.mw-parser-output .autres-projets>ul>li{list-style:none;margin:0.2em 0;text-indent:0;padding-left:24px;min-height:20px;text-align:left;display:block}.mw-parser-output .autres-projets>ul>li>a{font-style:italic}@media(max-width:720px){.mw-parser-output .autres-projets{float:none}}

/* end https://fr.wikipedia.org/ */

</style>

<div class="mw-heading mw-heading3"><h3 id="Bibliographie">Bibliographie</h3></div>

<ul><li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> Mark Pilgrim, <cite class="italique" lang="en">HTML5 : Up and Running</cite>, <a href="O'Reilly_Media" title="O'Reilly Media">O'Reilly</a>, <time class="nowrap" datetime="2010-08" data-sort-value="2010-08">août 2010</time>, 205 <abbr class="abbr" title="pages">p.</abbr> (<a href="International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> 978-0-596-80602-6)<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=HTML5&rft.pub=O%27Reilly&rft.stitle=Up+and+Running&rft.aulast=Pilgrim&rft.aufirst=Mark&rft.date=2010-08&rft.tpages=205&rft.isbn=978-0-596-80602-6&rfr_id=info%3Asid%2Ffr.wikipedia.org%3AHTML5"></li>

<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> Jeremy Keith (<abbr class="abbr" title="préface">préf.</abbr> Jeffery Zeldman), <cite class="italique" lang="en">HTML5 for Web Designers</cite>, A Book Apart, <time>2012</time>, 87 <abbr class="abbr" title="pages">p.</abbr> (<a href="International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> 978-0-9844425-0-8)<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=HTML5+for+Web+Designers&rft.pub=A+Book+Apart&rft.aulast=Keith&rft.aufirst=Jeremy&rft.date=2012&rft.tpages=87&rft.isbn=978-0-9844425-0-8&rfr_id=info%3Asid%2Ffr.wikipedia.org%3AHTML5"></li></ul>

<div class="mw-heading mw-heading3"><h3 id="Articles_connexes">Articles connexes</h3></div>

<ul><li><a href="Microformat" title="Microformat">Microformat</a>, <a href="Microdonn%C3%A9e" title="Microdonnée">microdonnée</a></li>

<li><a href="HTML5_sur_terminaux_mobiles" title="HTML5 sur terminaux mobiles">HTML5 sur terminaux mobiles</a></li>

<li><a href="Identificateur_de_fragment" title="Identificateur de fragment">Identificateur de fragment</a></li>

<li><a href="Polyfill" title="Polyfill">Polyfill</a></li></ul>

<div class="mw-heading mw-heading3"><h3 id="Liens_externes">Liens externes</h3></div>

<ul><li><cite class="ouvrage" id="site_officiel" style="font-style: normal;"><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/">Site officiel</a></cite></li>

<li><div class="liste-horizontale"><a href="Autorit%C3%A9_(sciences_de_l'information)" title="Autorité (sciences de l'information)">Notices d'autorité</a> : <ul><li><a rel="nofollow" class="external text" href="http://d-nb.info/gnd/7704810-6">GND</a></li> <li><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph660753">Tchéquie</a></li> </ul></div></li>

<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/html5/">Spécification</a></li>

<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/html5-diff/">Différences par rapport à HTML 4</a></li>

<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://html5test.com/">Test de compatibilité au standard HTML5</a></li></ul>

</div>

<ul id="bandeau-portail" class="bandeau-portail"><li> Portail d’Internet </li> <li> Portail de l’édition numérique </li> </ul></div><div><div class="zim-footer">

Cet article est issu de <a class="external text" title="Dernière modification le 2025-09-25" href="https://fr.wikipedia.org/wiki/?title=HTML5&oldid=229257464">Wikipédia</a>. Sauf mention contraire, le texte est disponible sous <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons Attribution-Share Alike 4.0</a>. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.

</div>

</div></div>

</div>

</main>

</div>

</body></html>